<!DOCTYPE html>
<html lang="zxx">
<head>
	<title>Home</title>
	<!-- Meta tag Keywords -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="UTF-8" />
	<meta name="keywords" content="" />
	<script>
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
	<!-- //Meta tag Keywords -->

	<!-- Custom-Files -->
	<link rel="stylesheet" href="__PUBLIC__/css/bootstrap.css">
	<!-- Bootstrap-Core-CSS -->
	<link href="__PUBLIC__/css/css_slider.css" type="text/css" rel="stylesheet" media="all">
	<!-- banner slider -->
	<link rel="stylesheet" href="__PUBLIC__/css/style.css" type="text/css" media="all" />
	<!-- Style-CSS -->
	<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
	<link rel="stylesheet" href="__PUBLIC__/css/ziji.css">
	<!-- Font-Awesome-Icons-CSS -->
	<!-- //Custom-Files -->
	<!-- Web-Fonts -->
	<link href="http://fonts.googleapis.com/css?family=Nunito+Sans:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&amp;subset=latin-ext,vietnamese"
	 rel="stylesheet">
	<link href="http://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese"
	 rel="stylesheet">
	<!-- //Web-Fonts -->
</head>

<body>	
	<!-- main banner -->
	{include file="common/header"}
	<!-- //main banner -->
	<button id="huidao"></button>
	<!-- about -->
	<div class="about py-5" id="about">
		<div class="container py-xl-5 py-lg-3">
			<h3 class="title text-center text-bl font-weight-bold mb-1">Welcome to our Website</h3>
			<p class="title-sub text-center mb-sm-5 mb-4">Experience the art of caring</p>
			<div class="row about-bottom-w3l text-center pt-xl-5">
				<div class="col-md-6">
					{volist name="Lip" id="lip"}
					<div class="about-grid-main">
						<img src="__PUBLIC__/static{$lip.pic}" alt="" class="img-fluid">
						<h4 class="my-3">{$lip.title}</h4>
						<p>{$lip.cdesc}</p>
						<a href="{:url('About/index')}?lid={$lip.id}" class="button-w3ls mt-4"><span class="fa fa-hand-o-right mr-2" aria-hidden="true"></span>
							Read More
						</a>
					</div>
					{/volist}
				</div>
				<div class="col-md-6 about-grid mt-md-0 mt-4">
					{volist name="Cos" id="cos"}
					<div class="about-grid-main">
						<img src="__PUBLIC__/static{$cos.pic}" alt="" class="img-fluid">
						<h4 class="my-3">{$cos.title}</h4>
						<p> {$cos.cdesc}</p>
						<a href="{:url('About/inds')}?coid={$cos.id}" class="button-w3ls mt-4"><span class="fa fa-hand-o-right mr-2" aria-hidden="true"></span>
							Read More
						</a>
					</div>
					{/volist}
				</div>
			</div>
		</div>
	</div>
	<!-- //about -->

	<!-- middle section one   香水 -->
	<div class="agile-wthree-works py-5" id="some">
		<div class="container py-xl-5 py-lg-3">
			<div class="row">
				{volist name="xs" id="xs"}
				<div class="grids-w3ls-right-2 offset-xl-7 offset-md-6">
					<h4 class="title text-dark mb-lg-5 mb-4">{$xs.title}</h4>
					<p class="mt-4">{$xs.cdesc}</p>
					<a href="{:url('Gallery/index')}?rmid={$xs.id}" class="button-w3ls mt-4"><span class="fa fa-hand-o-right mr-2" aria-hidden="true"></span>
						Read More
					</a>
				</div>
				{/volist}
			</div>
		</div>
	</div>
	<!-- //middle section one -->
	<!-- product section 妆前 -->
	<div class="product py-5" id="product">
		<div class="container-fluid py-xl-5 py-lg-3">
			{volist name="rm" id="rm"}
			<div class="row">
				<div class="col-lg-6 text-lg-left text-center mb-lg-0 mb-4">
					<img src="__PUBLIC__/static{$rm.pic}" alt="" class="img-fluid">
				</div>
				<div class="col-xl-4 col-lg-6 mt-xl-2">
					<h3 class="title text-bl font-weight-bold mb-4">{$rm.title}</h3>
					<p>{$rm.cdesc}</p>
					<a href="{:url('Gallery/index')}?rmid={$rm.id}" style="max-width: 150px;" class="btn button-style button-style-3 mt-sm-5 mt-4">Read More</a>
				</div>
				<div class="col-xl-2"></div>
			</div>
			{/volist}
		</div>
	</div>
	<!-- //product section -->


	<!-- support -->
	<div class="serives-agile py-5" id="support">
		<div class="container py-xl-5 py-lg-3">
			<h3 class="title text-center text-bl font-weight-bold mb-1">全部产品</h3>
			<p class="title-sub text-center mb-sm-5 mb-4">Keep your beauty blooming 24 hours a day</p>
			<div class="row support-bottom text-center">
				{volist name="cz" id="cz"}
				<div class="col-md-4 support-grid">
					<span class="fa fa-headphones"></span>
					<h5 class="text-dark text-uppercase mt-4 mb-3">{$cz.catename}</h5>
					<p>{$cz.cdesc}</p>
					<a href="{:url('Classfly/index')}?czid={$cz.id}" class="btn button-style-2 mt-sm-5 mt-4">
						Call Us
					</a>
				</div>
				{/volist}
				{volist name="zq" id="zq"}
				<div class="col-md-4 support-grid my-md-0 my-5">
					<span class="fa fa-comments"></span>
					<h5 class="text-dark text-uppercase mt-4 mb-3">{$zq.catename}</h5>
					<p>{$zq.cdesc}</p>
					<a href="{:url('Classfly/index')}?zqid={$zq.id}" class="btn button-style-2 mt-sm-5 mt-4">
						Let's Chart
					</a>
				</div>
				{/volist}
				{volist name="hf" id="hf"}
				<div class="col-md-4 support-grid">
					<span class="fa fa-question"></span>
					<h5 class="text-dark text-uppercase mt-4 mb-3">{$hf.catename}</h5>
					<p>{$hf.cdesc}</p>
					<a href="{:url('Classfly/index')}?hfid={$hf.id}" class="btn button-style-2 mt-sm-5 mt-4">
						Learn More
					</a>
				</div>
				{/volist}
			</div>
		</div>
	</div>
	<!-- support -->

	<!-- footer -->
	{include file="common/footer"}
	<!-- //footer -->

 <script>
	window.onload=function(){
		var huidao=document.getElementById('huidao');
		window.onscroll=function(){
			var _top=window.scrollY;
			if(_top>=630){
				huidao.style.display='block';
			}else{
				huidao.style.display='none';
			}
			huidao.onclick=function(){
				clearInterval(huidao.timer)
				huidao.timer=setInterval(function(){
					if(scrollY<=0){
						clearInterval(huidao.timer);
					}
					window.scrollBy(0,-50)
				},50);
			}
		}
	}
</script> 
</body>

</html>